#09ce65
RGB
赤 | 9 |
---|---|
緑 | 206 |
青 | 101 |
HSL
色相 | 148° |
---|---|
彩度 | 92% |
明度 | 42% |
輝度 | 53% |
3桁の色
補色
反転色
RGB ( 赤 = 9, 緑 = 206, 青 = 101 )
HSL ( 色相 = 148°, 彩度 = 92%, 明度 = 42% )
H : 色相 ( 148° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ce2309 : -140
18 : #ce4409 : -130
28 : #ce6509 : -120
38 : #ce8509 : -110
48 : #cea609 : -100
58 : #cec709 : -90
68 : #b3ce09 : -80
78 : #93ce09 : -70
88 : #72ce09 : -60
98 : #51ce09 : -50
108 : #30ce09 : -40
118 : #0fce09 : -30
128 : #09ce23 : -20
138 : #09ce44 : -10
148 : #09ce65 : ±0
158 : #09ce85 : +10
168 : #09cea6 : +20
178 : #09cec7 : +30
188 : #09b3ce : +40
198 : #0993ce : +50
208 : #0972ce : +60
218 : #0951ce : +70
228 : #0930ce : +80
238 : #090fce : +90
248 : #2309ce : +100
258 : #4409ce : +110
268 : #6509ce : +120
278 : #8509ce : +130
288 : #a609ce : +140
298 : #c709ce : +150
308 : #ce09b3 : +160
318 : #ce0993 : +170
328 : #ce0972 : +180
338 : #ce0951 : +190
348 : #ce0930 : +200
358 : #ce090f : +210
138 : #09ce44 : -10
139 : #09ce47 : -9
140 : #09ce4a : -8
141 : #09ce4e : -7
142 : #09ce51 : -6
143 : #09ce54 : -5
144 : #09ce57 : -4
145 : #09ce5b : -3
146 : #09ce5e : -2
147 : #09ce61 : -1
148 : #09ce65 : ±0
149 : #09ce68 : +1
150 : #09ce6b : +2
151 : #09ce6e : +3
152 : #09ce72 : +4
153 : #09ce75 : +5
154 : #09ce78 : +6
155 : #09ce7c : +7
156 : #09ce7f : +8
157 : #09ce82 : +9
158 : #09ce85 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -92
2 : #696d6b : -90
4 : #676f6b : -88
6 : #65726b : -86
8 : #63746b : -84
10 : #60766a : -82
12 : #5e786a : -80
14 : #5c7a6a : -78
16 : #5a7c6a : -76
18 : #587e6a : -74
20 : #56816a : -72
22 : #54836a : -70
24 : #518569 : -68
26 : #4f8769 : -66
28 : #4d8969 : -64
30 : #4b8b69 : -62
32 : #498d69 : -60
34 : #479069 : -58
36 : #459269 : -56
38 : #429468 : -54
40 : #409668 : -52
42 : #3e9868 : -50
44 : #3c9a68 : -48
46 : #3a9c68 : -46
48 : #389f68 : -44
50 : #36a168 : -42
52 : #33a367 : -40
54 : #31a567 : -38
56 : #2fa767 : -36
58 : #2da967 : -34
60 : #2bab67 : -32
62 : #29ae67 : -30
64 : #27b067 : -28
66 : #24b266 : -26
68 : #22b466 : -24
70 : #20b666 : -22
72 : #1eb866 : -20
74 : #1cba66 : -18
76 : #1abc66 : -16
78 : #18bf66 : -14
80 : #15c165 : -12
82 : #13c365 : -10
84 : #11c565 : -8
86 : #0fc765 : -6
88 : #0dc965 : -4
90 : #0bcb65 : -2
92 : #09ce65 : ±0
94 : #06d064 : +2
96 : #04d264 : +4
98 : #02d464 : +6
100 : #00d664 : +8
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #000a05 : -40
4 : #01140a : -38
6 : #011d0e : -36
8 : #022713 : -34
10 : #023118 : -32
12 : #023b1d : -30
14 : #034522 : -28
16 : #034e26 : -26
18 : #04582b : -24
20 : #046230 : -22
22 : #046c35 : -20
24 : #057639 : -18
26 : #057f3e : -16
28 : #068943 : -14
30 : #069348 : -12
32 : #079d4d : -10
34 : #07a651 : -8
36 : #07b056 : -6
38 : #08ba5b : -4
40 : #08c460 : -2
42 : #09ce65 : ±0
44 : #09d769 : +2
46 : #09e16e : +4
48 : #0aeb73 : +6
50 : #0af578 : +8
52 : #14f57d : +10
54 : #1ef683 : +12
56 : #28f688 : +14
58 : #31f68d : +16
60 : #3bf793 : +18
62 : #45f798 : +20
64 : #4ff89e : +22
66 : #59f8a3 : +24
68 : #62f8a8 : +26
70 : #6cf9ae : +28
72 : #76f9b3 : +30
74 : #80fab9 : +32
76 : #89fabe : +34
78 : #93fbc3 : +36
80 : #9dfbc9 : +38
82 : #a7fbce : +40
84 : #b1fcd4 : +42
86 : #bafcd9 : +44
88 : #c4fddf : +46
90 : #cefde4 : +48
92 : #d8fde9 : +50
94 : #e2feef : +52
96 : #ebfef4 : +54
98 : #f5fffa : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow