#06a223
RGB
赤 | 6 |
---|---|
緑 | 162 |
青 | 35 |
HSL
色相 | 131° |
---|---|
彩度 | 93% |
明度 | 33% |
輝度 | 40% |
3桁の色
補色
反転色
RGB ( 赤 = 6, 緑 = 162, 青 = 35 )
HSL ( 色相 = 131°, 彩度 = 93%, 明度 = 33% )
H : 色相 ( 131° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #a20806 : -130
11 : #a22306 : -120
21 : #a23d06 : -110
31 : #a25706 : -100
41 : #a27106 : -90
51 : #a28b06 : -80
61 : #a0a206 : -70
71 : #86a206 : -60
81 : #6ca206 : -50
91 : #52a206 : -40
101 : #37a206 : -30
111 : #1da206 : -20
121 : #06a208 : -10
131 : #06a223 : ±0
141 : #06a23d : +10
151 : #06a257 : +20
161 : #06a271 : +30
171 : #06a28b : +40
181 : #06a0a2 : +50
191 : #0686a2 : +60
201 : #066ca2 : +70
211 : #0652a2 : +80
221 : #0637a2 : +90
231 : #061da2 : +100
241 : #0806a2 : +110
251 : #2306a2 : +120
261 : #3d06a2 : +130
271 : #5706a2 : +140
281 : #7106a2 : +150
291 : #8b06a2 : +160
301 : #a206a0 : +170
311 : #a20686 : +180
321 : #a2066c : +190
331 : #a20652 : +200
341 : #a20637 : +210
351 : #a2061d : +220
121 : #06a208 : -10
122 : #06a20b : -9
123 : #06a20e : -8
124 : #06a210 : -7
125 : #06a213 : -6
126 : #06a216 : -5
127 : #06a218 : -4
128 : #06a21b : -3
129 : #06a21d : -2
130 : #06a220 : -1
131 : #06a223 : ±0
132 : #06a225 : +1
133 : #06a228 : +2
134 : #06a22a : +3
135 : #06a22d : +4
136 : #06a230 : +5
137 : #06a232 : +6
138 : #06a235 : +7
139 : #06a237 : +8
140 : #06a23a : +9
141 : #06a23d : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #535554 : -92
3 : #525753 : -90
5 : #505851 : -88
7 : #4e5a50 : -86
9 : #4d5c4f : -84
11 : #4b5d4e : -82
13 : #495f4d : -80
15 : #48614c : -78
17 : #46624b : -76
19 : #44644a : -74
21 : #426649 : -72
23 : #416848 : -70
25 : #3f6947 : -68
27 : #3d6b46 : -66
29 : #3c6d45 : -64
31 : #3a6e44 : -62
33 : #387043 : -60
35 : #377241 : -58
37 : #357340 : -56
39 : #33753f : -54
41 : #32773e : -52
43 : #30783d : -50
45 : #2e7a3c : -48
47 : #2d7c3b : -46
49 : #2b7d3a : -44
51 : #297f39 : -42
53 : #288138 : -40
55 : #268237 : -38
57 : #248436 : -36
59 : #238635 : -34
61 : #218734 : -32
63 : #1f8933 : -30
65 : #1d8b32 : -28
67 : #1c8d30 : -26
69 : #1a8e2f : -24
71 : #18902e : -22
73 : #17922d : -20
75 : #15932c : -18
77 : #13952b : -16
79 : #12972a : -14
81 : #109829 : -12
83 : #0e9a28 : -10
85 : #0d9c27 : -8
87 : #0b9d26 : -6
89 : #099f25 : -4
91 : #08a124 : -2
93 : #06a223 : ±0
95 : #04a422 : +2
97 : #03a620 : +4
99 : #01a71f : +6
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -32
3 : #010f03 : -30
5 : #011905 : -28
7 : #012207 : -26
9 : #022c09 : -24
11 : #02360c : -22
13 : #02400e : -20
15 : #034a10 : -18
17 : #035412 : -16
19 : #035e14 : -14
21 : #046716 : -12
23 : #047118 : -10
25 : #047b1a : -8
27 : #05851c : -6
29 : #058f1e : -4
31 : #069920 : -2
33 : #06a223 : ±0
35 : #06ac25 : +2
37 : #07b627 : +4
39 : #07c029 : +6
41 : #07ca2b : +8
43 : #08d42d : +10
45 : #08dd2f : +12
47 : #08e731 : +14
49 : #09f133 : +16
51 : #0ef638 : +18
53 : #18f741 : +20
55 : #22f749 : +22
57 : #2bf751 : +24
59 : #35f859 : +26
61 : #3ff861 : +28
63 : #49f869 : +30
65 : #53f971 : +32
67 : #5df979 : +34
69 : #66f981 : +36
71 : #70fa89 : +38
73 : #7afa92 : +40
75 : #84fb9a : +42
77 : #8efba2 : +44
79 : #98fbaa : +46
81 : #a1fcb2 : +48
83 : #abfcba : +50
85 : #b5fcc2 : +52
87 : #bffdca : +54
89 : #c9fdd2 : +56
91 : #d3fddb : +58
93 : #ddfee3 : +60
95 : #e6feeb : +62
97 : #f0fef3 : +64
99 : #fafffb : +66
CSS入門、作ってます。
text-shadow