#02445e
RGB
赤 | 2 |
---|---|
緑 | 68 |
青 | 94 |
HSL
色相 | 197° |
---|---|
彩度 | 96% |
明度 | 19% |
輝度 | 20% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 2, 緑 = 68, 青 = 94 )
HSL ( 色相 = 197°, 彩度 = 96%, 明度 = 19% )
H : 色相 ( 197° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #5f0d02 : -190
17 : #5f1c02 : -180
27 : #5f2c02 : -170
37 : #5f3b02 : -160
47 : #5f4b02 : -150
57 : #5f5a02 : -140
67 : #545f02 : -130
77 : #455f02 : -120
87 : #355f02 : -110
97 : #265f02 : -100
107 : #165f02 : -90
117 : #075f02 : -80
127 : #025f0d : -70
137 : #025f1c : -60
147 : #025f2c : -50
157 : #025f3b : -40
167 : #025f4b : -30
177 : #025f5a : -20
187 : #02545f : -10
197 : #02455f : ±0
207 : #02355f : +10
217 : #02265f : +20
227 : #02165f : +30
237 : #02075f : +40
247 : #0d025f : +50
257 : #1c025f : +60
267 : #2c025f : +70
277 : #3b025f : +80
287 : #4b025f : +90
297 : #5a025f : +100
307 : #5f0254 : +110
317 : #5f0245 : +120
327 : #5f0235 : +130
337 : #5f0226 : +140
347 : #5f0216 : +150
357 : #5f0207 : +160
187 : #02545f : -10
188 : #02535f : -9
189 : #02515f : -8
190 : #024f5f : -7
191 : #024e5f : -6
192 : #024c5f : -5
193 : #024b5f : -4
194 : #02495f : -3
195 : #02485f : -2
196 : #02465f : -1
197 : #02455f : ±0
198 : #02435f : +1
199 : #02425f : +2
200 : #02405f : +3
201 : #023e5f : +4
202 : #023d5f : +5
203 : #023b5f : +6
204 : #023a5f : +7
205 : #02385f : +8
206 : #02375f : +9
207 : #02355f : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -96
2 : #2f3131 : -94
4 : #2f3132 : -92
6 : #2e3233 : -90
8 : #2d3234 : -88
10 : #2c3335 : -86
12 : #2b3336 : -84
14 : #2a3337 : -82
16 : #293438 : -80
18 : #283439 : -78
20 : #27353a : -76
22 : #26353b : -74
24 : #25353c : -72
26 : #24363d : -70
28 : #23363e : -68
30 : #22373f : -66
32 : #213740 : -64
34 : #203841 : -62
36 : #1f3842 : -60
38 : #1e3843 : -58
40 : #1d3944 : -56
42 : #1c3945 : -54
44 : #1b3a46 : -52
46 : #1a3a47 : -50
48 : #193b48 : -48
50 : #183b49 : -46
52 : #173b4a : -44
54 : #163c4b : -42
56 : #153c4c : -40
58 : #143d4d : -38
60 : #133d4e : -36
62 : #123d4e : -34
64 : #113e4f : -32
66 : #103e50 : -30
68 : #103f51 : -28
70 : #0f3f52 : -26
72 : #0e4053 : -24
74 : #0d4054 : -22
76 : #0c4055 : -20
78 : #0b4156 : -18
80 : #0a4157 : -16
82 : #094258 : -14
84 : #084259 : -12
86 : #07435a : -10
88 : #06435b : -8
90 : #05435c : -6
92 : #04445d : -4
94 : #03445e : -2
96 : #02455f : ±0
98 : #014560 : +2
100 : #004561 : +4
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #000405 : -18
3 : #000b0f : -16
5 : #011219 : -14
7 : #011923 : -12
9 : #01202d : -10
11 : #012837 : -8
13 : #012f41 : -6
15 : #02364b : -4
17 : #023d55 : -2
19 : #02455f : ±0
21 : #024c69 : +2
23 : #025373 : +4
25 : #035a7d : +6
27 : #036187 : +8
29 : #036991 : +10
31 : #03709b : +12
33 : #0377a5 : +14
35 : #047eaf : +16
37 : #0486b9 : +18
39 : #048dc3 : +20
41 : #0494cd : +22
43 : #049bd7 : +24
45 : #05a2e1 : +26
47 : #05aaeb : +28
49 : #05b1f5 : +30
51 : #0ab6fa : +32
53 : #14b9fa : +34
55 : #1ebcfa : +36
57 : #28bffb : +38
59 : #32c2fb : +40
61 : #3cc5fb : +42
63 : #46c8fb : +44
65 : #50cbfb : +46
67 : #5acefc : +48
69 : #64d1fc : +50
71 : #6ed4fc : +52
73 : #78d7fc : +54
75 : #82dafc : +56
77 : #8cddfd : +58
79 : #96e0fd : +60
81 : #a0e3fd : +62
83 : #aae6fd : +64
85 : #b4e9fd : +66
87 : #beecfe : +68
89 : #c8effe : +70
91 : #d2f2fe : +72
93 : #dcf5fe : +74
95 : #e6f8fe : +76
97 : #f0fbff : +78
99 : #fafeff : +80
CSS入門、作ってます。
text-shadow