#456d18
RGB
赤 | 69 |
---|---|
緑 | 109 |
青 | 24 |
HSL
色相 | 88° |
---|---|
彩度 | 64% |
明度 | 26% |
輝度 | 34% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 69, 緑 = 109, 青 = 24 )
HSL ( 色相 = 88°, 彩度 = 64%, 明度 = 26% )
H : 色相 ( 88° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #6d2318 : -80
18 : #6d3118 : -70
28 : #6d3f18 : -60
38 : #6d4e18 : -50
48 : #6d5c18 : -40
58 : #6d6a18 : -30
68 : #616d18 : -20
78 : #536d18 : -10
88 : #456d18 : ±0
98 : #376d18 : +10
108 : #296d18 : +20
118 : #1b6d18 : +30
128 : #186d23 : +40
138 : #186d31 : +50
148 : #186d3f : +60
158 : #186d4e : +70
168 : #186d5c : +80
178 : #186d6a : +90
188 : #18616d : +100
198 : #18536d : +110
208 : #18456d : +120
218 : #18376d : +130
228 : #18296d : +140
238 : #181b6d : +150
248 : #23186d : +160
258 : #31186d : +170
268 : #3f186d : +180
278 : #4e186d : +190
288 : #5c186d : +200
298 : #6a186d : +210
308 : #6d1861 : +220
318 : #6d1853 : +230
328 : #6d1845 : +240
338 : #6d1837 : +250
348 : #6d1829 : +260
358 : #6d181b : +270
78 : #536d18 : -10
79 : #526d18 : -9
80 : #506d18 : -8
81 : #4f6d18 : -7
82 : #4e6d18 : -6
83 : #4c6d18 : -5
84 : #4b6d18 : -4
85 : #496d18 : -3
86 : #486d18 : -2
87 : #476d18 : -1
88 : #456d18 : ±0
89 : #446d18 : +1
90 : #426d18 : +2
91 : #416d18 : +3
92 : #3f6d18 : +4
93 : #3e6d18 : +5
94 : #3d6d18 : +6
95 : #3b6d18 : +7
96 : #3a6d18 : +8
97 : #386d18 : +9
98 : #376d18 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -64
2 : #424441 : -62
4 : #424540 : -60
6 : #43463e : -58
8 : #43483d : -56
10 : #43493c : -54
12 : #434a3a : -52
14 : #434c39 : -50
16 : #434d38 : -48
18 : #434e36 : -46
20 : #435035 : -44
22 : #435134 : -42
24 : #435232 : -40
26 : #435431 : -38
28 : #445530 : -36
30 : #44562e : -34
32 : #44582d : -32
34 : #44592c : -30
36 : #445a2a : -28
38 : #445b29 : -26
40 : #445d28 : -24
42 : #445e26 : -22
44 : #445f25 : -20
46 : #446124 : -18
48 : #446222 : -16
50 : #456321 : -14
52 : #456520 : -12
54 : #45661e : -10
56 : #45671d : -8
58 : #45691c : -6
60 : #456a1b : -4
62 : #456b19 : -2
64 : #456d18 : ±0
66 : #456e17 : +2
68 : #456f15 : +4
70 : #457114 : +6
72 : #457213 : +8
74 : #467311 : +10
76 : #467510 : +12
78 : #46760f : +14
80 : #46770d : +16
82 : #46790c : +18
84 : #467a0b : +20
86 : #467b09 : +22
88 : #467d08 : +24
90 : #467e07 : +26
92 : #467f05 : +28
94 : #468104 : +30
96 : #478203 : +32
98 : #478301 : +34
100 : #478500 : +36
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #050802 : -24
4 : #0b1104 : -22
6 : #101906 : -20
8 : #152107 : -18
10 : #1b2a09 : -16
12 : #20320b : -14
14 : #253b0d : -12
16 : #2b430f : -10
18 : #304b11 : -8
20 : #355412 : -6
22 : #3a5c14 : -4
24 : #406416 : -2
26 : #456d18 : ±0
28 : #4a751a : +2
30 : #507d1c : +4
32 : #55861d : +6
34 : #5a8e1f : +8
36 : #609721 : +10
38 : #659f23 : +12
40 : #6aa725 : +14
42 : #70b027 : +16
44 : #75b828 : +18
46 : #7ac02a : +20
48 : #80c92c : +22
50 : #85d12e : +24
52 : #8ad336 : +26
54 : #8fd53f : +28
56 : #94d747 : +30
58 : #98d84f : +32
60 : #9dda58 : +34
62 : #a2dc60 : +36
64 : #a7de68 : +38
66 : #ace071 : +40
68 : #b1e279 : +42
70 : #b6e382 : +44
72 : #bbe58a : +46
74 : #c0e792 : +48
76 : #c4e99b : +50
78 : #c9eba3 : +52
80 : #ceedab : +54
82 : #d3eeb4 : +56
84 : #d8f0bc : +58
86 : #ddf2c4 : +60
88 : #e2f4cd : +62
90 : #e7f6d5 : +64
92 : #ebf8de : +66
94 : #f0f9e6 : +68
96 : #f5fbee : +70
98 : #fafdf7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow