#6cf96e
RGB
赤 | 108 |
---|---|
緑 | 249 |
青 | 110 |
HSL
色相 | 121° |
---|---|
彩度 | 92% |
明度 | 70% |
輝度 | 75% |
3桁の色
補色
反転色
RGB ( 赤 = 108, 緑 = 249, 青 = 110 )
HSL ( 色相 = 121°, 彩度 = 92%, 明度 = 70% )
H : 色相 ( 121° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #f96e6c : -120
11 : #f9866c : -110
21 : #f99d6c : -100
31 : #f9b56c : -90
41 : #f9cc6c : -80
51 : #f9e46c : -70
61 : #f7f96c : -60
71 : #dff96c : -50
81 : #c8f96c : -40
91 : #b0f96c : -30
101 : #99f96c : -20
111 : #81f96c : -10
121 : #6cf96e : ±0
131 : #6cf986 : +10
141 : #6cf99d : +20
151 : #6cf9b5 : +30
161 : #6cf9cc : +40
171 : #6cf9e4 : +50
181 : #6cf7f9 : +60
191 : #6cdff9 : +70
201 : #6cc8f9 : +80
211 : #6cb0f9 : +90
221 : #6c99f9 : +100
231 : #6c81f9 : +110
241 : #6e6cf9 : +120
251 : #866cf9 : +130
261 : #9d6cf9 : +140
271 : #b56cf9 : +150
281 : #cc6cf9 : +160
291 : #e46cf9 : +170
301 : #f96cf7 : +180
311 : #f96cdf : +190
321 : #f96cc8 : +200
331 : #f96cb0 : +210
341 : #f96c99 : +220
351 : #f96c81 : +230
111 : #81f96c : -10
112 : #7ff96c : -9
113 : #7df96c : -8
114 : #7af96c : -7
115 : #78f96c : -6
116 : #76f96c : -5
117 : #73f96c : -4
118 : #71f96c : -3
119 : #6ef96c : -2
120 : #6cf96c : -1
121 : #6cf96e : ±0
122 : #6cf971 : +1
123 : #6cf973 : +2
124 : #6cf976 : +3
125 : #6cf978 : +4
126 : #6cf97a : +5
127 : #6cf97d : +6
128 : #6cf97f : +7
129 : #6cf981 : +8
130 : #6cf984 : +9
131 : #6cf986 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #b2b2b2 : -92
2 : #b1b4b1 : -90
4 : #afb6b0 : -88
6 : #aeb7ae : -86
8 : #acb9ad : -84
10 : #abbaab : -82
12 : #a9bcaa : -80
14 : #a8bda8 : -78
16 : #a6bfa7 : -76
18 : #a5c0a5 : -74
20 : #a3c2a4 : -72
22 : #a2c3a2 : -70
24 : #a0c5a1 : -68
26 : #9fc69f : -66
28 : #9dc89e : -64
30 : #9cc99c : -62
32 : #9acb9b : -60
34 : #98cd99 : -58
36 : #97ce98 : -56
38 : #95d096 : -54
40 : #94d195 : -52
42 : #92d393 : -50
44 : #91d492 : -48
46 : #8fd690 : -46
48 : #8ed78f : -44
50 : #8cd98e : -42
52 : #8bda8c : -40
54 : #89dc8b : -38
56 : #88dd89 : -36
58 : #86df88 : -34
60 : #85e086 : -32
62 : #83e285 : -30
64 : #82e383 : -28
66 : #80e582 : -26
68 : #7ee780 : -24
70 : #7de87f : -22
72 : #7bea7d : -20
74 : #7aeb7c : -18
76 : #78ed7a : -16
78 : #77ee79 : -14
80 : #75f077 : -12
82 : #74f176 : -10
84 : #72f374 : -8
86 : #71f473 : -6
88 : #6ff671 : -4
90 : #6ef770 : -2
92 : #6cf96e : ±0
94 : #6bfa6d : +2
96 : #69fc6c : +4
98 : #68fd6a : +6
100 : #66ff69 : +8
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #000a01 : -68
4 : #011401 : -66
6 : #011d02 : -64
8 : #022702 : -62
10 : #023103 : -60
12 : #023b03 : -58
14 : #034504 : -56
16 : #034e05 : -54
18 : #045805 : -52
20 : #046206 : -50
22 : #046c06 : -48
24 : #057607 : -46
26 : #057f07 : -44
28 : #068908 : -42
30 : #069308 : -40
32 : #079d09 : -38
34 : #07a60a : -36
36 : #07b00a : -34
38 : #08ba0b : -32
40 : #08c40b : -30
42 : #09ce0c : -28
44 : #09d70c : -26
46 : #09e10d : -24
48 : #0aeb0e : -22
50 : #0af50e : -20
52 : #14f518 : -18
54 : #1ef621 : -16
56 : #28f62b : -14
58 : #31f635 : -12
60 : #3bf73e : -10
62 : #45f748 : -8
64 : #4ff852 : -6
66 : #59f85b : -4
68 : #62f865 : -2
70 : #6cf96e : ±0
72 : #76f978 : +2
74 : #80fa82 : +4
76 : #89fa8b : +6
78 : #93fb95 : +8
80 : #9dfb9f : +10
82 : #a7fba8 : +12
84 : #b1fcb2 : +14
86 : #bafcbc : +16
88 : #c4fdc5 : +18
90 : #cefdcf : +20
92 : #d8fdd8 : +22
94 : #e2fee2 : +24
96 : #ebfeec : +26
98 : #f5fff5 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow