#068917
RGB
赤 | 6 |
---|---|
緑 | 137 |
青 | 23 |
HSL
色相 | 128° |
---|---|
彩度 | 92% |
明度 | 28% |
輝度 | 33% |
3桁の色
補色
反転色
RGB ( 赤 = 6, 緑 = 137, 青 = 23 )
HSL ( 色相 = 128°, 彩度 = 92%, 明度 = 28% )
H : 色相 ( 128° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #891706 : -120
18 : #892d06 : -110
28 : #894306 : -100
38 : #895906 : -90
48 : #896f06 : -80
58 : #898506 : -70
68 : #788906 : -60
78 : #628906 : -50
88 : #4c8906 : -40
98 : #368906 : -30
108 : #208906 : -20
118 : #0a8906 : -10
128 : #068917 : ±0
138 : #06892d : +10
148 : #068943 : +20
158 : #068959 : +30
168 : #06896f : +40
178 : #068985 : +50
188 : #067889 : +60
198 : #066289 : +70
208 : #064c89 : +80
218 : #063689 : +90
228 : #062089 : +100
238 : #060a89 : +110
248 : #170689 : +120
258 : #2d0689 : +130
268 : #430689 : +140
278 : #590689 : +150
288 : #6f0689 : +160
298 : #850689 : +170
308 : #890678 : +180
318 : #890662 : +190
328 : #89064c : +200
338 : #890636 : +210
348 : #890620 : +220
358 : #89060a : +230
118 : #0a8906 : -10
119 : #088906 : -9
120 : #068906 : -8
121 : #068908 : -7
122 : #06890a : -6
123 : #06890c : -5
124 : #06890e : -4
125 : #068911 : -3
126 : #068913 : -2
127 : #068915 : -1
128 : #068917 : ±0
129 : #068919 : +1
130 : #06891c : +2
131 : #06891e : +3
132 : #068920 : +4
133 : #068922 : +5
134 : #068924 : +6
135 : #068927 : +7
136 : #068929 : +8
137 : #06892b : +9
138 : #06892d : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -92
2 : #464946 : -90
4 : #454a45 : -88
6 : #434c44 : -86
8 : #424d43 : -84
10 : #404f42 : -82
12 : #3f5041 : -80
14 : #3d5140 : -78
16 : #3c533f : -76
18 : #3b543e : -74
20 : #39563d : -72
22 : #38573c : -70
24 : #36593b : -68
26 : #355a3a : -66
28 : #335b39 : -64
30 : #325d38 : -62
32 : #315e37 : -60
34 : #2f6036 : -58
36 : #2e6135 : -56
38 : #2c6334 : -54
40 : #2b6432 : -52
42 : #296531 : -50
44 : #286730 : -48
46 : #27682f : -46
48 : #256a2e : -44
50 : #246b2d : -42
52 : #226d2c : -40
54 : #216e2b : -38
56 : #1f6f2a : -36
58 : #1e7129 : -34
60 : #1d7228 : -32
62 : #1b7427 : -30
64 : #1a7526 : -28
66 : #187725 : -26
68 : #177824 : -24
70 : #157923 : -22
72 : #147b22 : -20
74 : #137c21 : -18
76 : #117e20 : -16
78 : #107f1f : -14
80 : #0e811e : -12
82 : #0d821c : -10
84 : #0b831b : -8
86 : #0a851a : -6
88 : #098619 : -4
90 : #078818 : -2
92 : #068917 : ±0
94 : #048b16 : +2
96 : #038c15 : +4
98 : #018d14 : +6
100 : #008f13 : +8
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #000a02 : -26
4 : #011403 : -24
6 : #011d05 : -22
8 : #022707 : -20
10 : #023108 : -18
12 : #023b0a : -16
14 : #03450c : -14
16 : #034e0d : -12
18 : #04580f : -10
20 : #046211 : -8
22 : #046c12 : -6
24 : #057614 : -4
26 : #057f16 : -2
28 : #068917 : ±0
30 : #069319 : +2
32 : #079d1b : +4
34 : #07a61c : +6
36 : #07b01e : +8
38 : #08ba20 : +10
40 : #08c421 : +12
42 : #09ce23 : +14
44 : #09d725 : +16
46 : #09e126 : +18
48 : #0aeb28 : +20
50 : #0af529 : +22
52 : #14f532 : +24
54 : #1ef63b : +26
56 : #28f643 : +28
58 : #31f64c : +30
60 : #3bf754 : +32
62 : #45f75d : +34
64 : #4ff865 : +36
66 : #59f86e : +38
68 : #62f876 : +40
70 : #6cf97f : +42
72 : #76f987 : +44
74 : #80fa90 : +46
76 : #89fa99 : +48
78 : #93fba1 : +50
80 : #9dfbaa : +52
82 : #a7fbb2 : +54
84 : #b1fcbb : +56
86 : #bafcc3 : +58
88 : #c4fdcc : +60
90 : #cefdd4 : +62
92 : #d8fddd : +64
94 : #e2fee5 : +66
96 : #ebfeee : +68
98 : #f5fff6 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow