#7de8ab
RGB
赤 | 125 |
---|---|
緑 | 232 |
青 | 171 |
HSL
色相 | 146° |
---|---|
彩度 | 70% |
明度 | 70% |
輝度 | 76% |
3桁の色
補色
反転色
RGB ( 赤 = 125, 緑 = 232, 青 = 171 )
HSL ( 色相 = 146°, 彩度 = 70%, 明度 = 70% )
H : 色相 ( 146° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #e8887d : -140
16 : #e89a7d : -130
26 : #e8ab7d : -120
36 : #e8bd7d : -110
46 : #e8cf7d : -100
56 : #e8e17d : -90
66 : #dde87d : -80
76 : #cbe87d : -70
86 : #bae87d : -60
96 : #a8e87d : -50
106 : #96e87d : -40
116 : #84e87d : -30
126 : #7de888 : -20
136 : #7de89a : -10
146 : #7de8ab : ±0
156 : #7de8bd : +10
166 : #7de8cf : +20
176 : #7de8e1 : +30
186 : #7ddde8 : +40
196 : #7dcbe8 : +50
206 : #7dbae8 : +60
216 : #7da8e8 : +70
226 : #7d96e8 : +80
236 : #7d84e8 : +90
246 : #887de8 : +100
256 : #9a7de8 : +110
266 : #ab7de8 : +120
276 : #bd7de8 : +130
286 : #cf7de8 : +140
296 : #e17de8 : +150
306 : #e87ddd : +160
316 : #e87dcb : +170
326 : #e87dba : +180
336 : #e87da8 : +190
346 : #e87d96 : +200
356 : #e87d84 : +210
136 : #7de89a : -10
137 : #7de89b : -9
138 : #7de89d : -8
139 : #7de89f : -7
140 : #7de8a1 : -6
141 : #7de8a2 : -5
142 : #7de8a4 : -4
143 : #7de8a6 : -3
144 : #7de8a8 : -2
145 : #7de8aa : -1
146 : #7de8ab : ±0
147 : #7de8ad : +1
148 : #7de8af : +2
149 : #7de8b1 : +3
150 : #7de8b3 : +4
151 : #7de8b4 : +5
152 : #7de8b6 : +6
153 : #7de8b8 : +7
154 : #7de8ba : +8
155 : #7de8bb : +9
156 : #7de8bd : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -70
2 : #b1b4b2 : -68
4 : #afb6b2 : -66
6 : #aeb7b2 : -64
8 : #acb9b2 : -62
10 : #abbab1 : -60
12 : #a9bcb1 : -58
14 : #a8bdb1 : -56
16 : #a6bfb1 : -54
18 : #a5c0b1 : -52
20 : #a3c2b0 : -50
22 : #a2c3b0 : -48
24 : #a0c5b0 : -46
26 : #9fc6b0 : -44
28 : #9dc8b0 : -42
30 : #9cc9af : -40
32 : #9acbaf : -38
34 : #98cdaf : -36
36 : #97ceaf : -34
38 : #95d0af : -32
40 : #94d1ae : -30
42 : #92d3ae : -28
44 : #91d4ae : -26
46 : #8fd6ae : -24
48 : #8ed7ae : -22
50 : #8cd9ad : -20
52 : #8bdaad : -18
54 : #89dcad : -16
56 : #88ddad : -14
58 : #86dfad : -12
60 : #85e0ac : -10
62 : #83e2ac : -8
64 : #82e3ac : -6
66 : #80e5ac : -4
68 : #7ee7ac : -2
70 : #7de8ab : ±0
72 : #7beaab : +2
74 : #7aebab : +4
76 : #78edab : +6
78 : #77eeab : +8
80 : #75f0aa : +10
82 : #74f1aa : +12
84 : #72f3aa : +14
86 : #71f4aa : +16
88 : #6ff6aa : +18
90 : #6ef7a9 : +20
92 : #6cf9a9 : +22
94 : #6bfaa9 : +24
96 : #69fca9 : +26
98 : #68fda9 : +28
100 : #66ffa8 : +30
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #020905 : -68
4 : #031109 : -66
6 : #051a0e : -64
8 : #062312 : -62
10 : #082b17 : -60
12 : #09341c : -58
14 : #0b3d20 : -56
16 : #0c4525 : -54
18 : #0e4e2a : -52
20 : #0f572e : -50
22 : #115f33 : -48
24 : #126837 : -46
26 : #14713c : -44
28 : #157941 : -42
30 : #178245 : -40
32 : #188b4a : -38
34 : #1a934f : -36
36 : #1c9c53 : -34
38 : #1da558 : -32
40 : #1fad5c : -30
42 : #20b661 : -28
44 : #22bf66 : -26
46 : #23c76a : -24
48 : #25d06f : -22
50 : #26d974 : -20
52 : #2fda79 : -18
54 : #38dc7f : -16
56 : #40dd84 : -14
58 : #49df8a : -12
60 : #52e08f : -10
62 : #5ae295 : -8
64 : #63e39b : -6
66 : #6ce5a0 : -4
68 : #74e7a6 : -2
70 : #7de8ab : ±0
72 : #86eab1 : +2
74 : #8eebb7 : +4
76 : #97edbc : +6
78 : #a0eec2 : +8
80 : #a8f0c7 : +10
82 : #b1f1cd : +12
84 : #baf3d2 : +14
86 : #c2f4d8 : +16
88 : #cbf6de : +18
90 : #d4f7e3 : +20
92 : #dcf9e9 : +22
94 : #e5faee : +24
96 : #eefcf4 : +26
98 : #f6fdf9 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow